<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>支持图片左右轮播上下无缝切换的jQuery插件特效</title>
<link rel="stylesheet" href="css/style.css" />
</head>
<body>

<!-- 代码部分begin -->
<div class="demopage">

	<h2>一次纵向滚动一个</h2>
	<div id="marquee2">
		<ul>
			<li><a target="_blank" href="#" title="jquery 表单美化 jquery tzCheckbox 复选框美化 自定义默认复选框"><img width="150" height="150" alt="jquery 表单美化 jquery tzCheckbox 复选框美化 自定义默认复选框" src="images/1.jpg" /></a></li>
			<li><a target="_blank" href="#" title="jquery 图片放大镜 图片类似放大镜效果鼠标滑过小图异步加载中图、大图"><img width="150" height="150" alt="jquery 图片放大镜 图片类似放大镜效果鼠标滑过小图异步加载中图、大图" src="images/2.jpg" /></a></li>
			<li><a target="_blank" href="#" title="jquery 图片幻灯片 点击小图显示大图异步加载 支持按钮播放"><img width="150" height="150" alt="jquery 图片幻灯片 点击小图显示大图异步加载 支持按钮播放" src="images/3.jpg" /></a></li>
			<li><a target="_blank" href="#" title="jquery Xslider 插件焦点图片特效图片淡隐淡现、图片上下滚动、图片左右滚动、选项卡"><img width="150" height="150" alt="jquery Xslider 插件焦点图片特效图片淡隐淡现、图片上下滚动、图片左右滚动、选项卡" src="images/4.jpg" /></a></li>
		</ul>
	</div>
	<div class="control">↓鼠标点击：<a href="javascript:void(0);" id="goU">上移一次</a> <a href="javascript:void(0);" id="goD">下移一次</a></div>
	
<script src="js/jquery-1.4.2.min.js"></script>
<script src="js/Marquee.js"></script>
<script type="text/javascript">
$(function(){

	
	//一次纵向滚动一个
	$('#marquee2').kxbdSuperMarquee({
		distance:162,
		time:3,
		btnGo:{up:'#goU',down:'#goD'},
		direction:'down'
	});
	
});
</script>
<!-- 代码部分end -->

</body>
</html>